import './add-components.less';
import addIcon from '@/assets/images/co_1.png';
import close from '@/assets/images/close.png';
import PlatformCom from './components/platform/components-platform'
const AddComponents:React.FC<any>  = (props:any) => {
    return (
        <div className="add_components_modal">
            <div className="add_components_modal_center">
                <div className="add_components_modal_center_tit">
                    <div className="add_components_modal_center_tit_left">
                            <div className='my_work_more_modal_center_tit_icon'>
                                <div></div>
                                <div></div>
                                <img src={addIcon} alt="" />
                            </div>
                            <h4>添加组件</h4>
                    </div>
                    <div className="add_components_modal_center_tit_center">
                        <div className="add_components_modal_center_tit_center_txt">桌面菜单</div>
                        <div className="add_components_modal_center_tit_center_txt">平台组件</div>
                        <div className="add_components_modal_center_tit_center_bg">平台组件</div>
                    </div>
                    <div className="add_components_modal_center_tit_right">
                        <img src={close} alt="" onClick={() => {props.onChangeIsShow(false)}}/>
                    </div>
                </div>
                <div className="add_components_modal_center_content">
                    <PlatformCom></PlatformCom>
                </div>
            </div>
        </div>
    )
}
export default AddComponents 